body {
    background: url(/img/bg.png) repeat;
}

canvas {
    margin-left: 24px;
    background: #EEE;
    border: thin solid #aaa;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

a.button {
  position: absolute;
  top: 600px;
  left: 600px;
  width: 60px;
  padding: 4px;
  text-align: center;
  text-decoration: none;
  color: grey;
  background: rgba(255,255,255,0.2);
  border: none;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,0.2) 4px 4px 0px 0px;
  transition: all 0.6s ease-in 0.6s;
}

a.button:hover {
  background: rgba(255,255,255,0.6);
  transition: all 1.2s ease-in 0.2s;
}

.right {
  margin-top: 120px;
  float: left;
  text-align: right;
}

ul {
  list-style: none;
}

#messageBox {
  width: 400px;
  height: 100px;
  overflow: scroll;
}